<!DOCTYPE html>
<html>
<head>
    <title>Web gallery</title>
    <link type="text/css" rel="stylesheet" href="zadaca2_sass_hw.css" />
</head>
<body>
    <div>
        <form>
            <nav>
                <ul>
                    <li>
                        <label for="pic1">
                            <img src="small1.jpg" class="small" />
                        </label>
                    </li>
                    <li>
                        <label for="pic2">
                            <img src="small2.jpg" class="small" />
                        </label>
                    </li>
                    <li>
                        <label for="pic3">
                            <img src="small3.jpg" class="small" />
                        </label>
                    </li>
                    <li>
                        <label for="pic4">
                            <img src="small4.jpg" class="small" />
                        </label>
                    </li>
                    <li>
                        <label for="pic5">
                            <img src="small5.jpg" class="small" />
                        </label>
                    </li>                    
                </ul>
            </nav>
            <div class="bigpicture">
                <input type="radio" id="pic1" name="pic" checked="checked" /><img src="big1.jpg" class="image" />
                <input type="radio" id="pic2" name="pic" /><img src="big2.jpg" class="image" />
                <input type="radio" id="pic3" name="pic" /><img src="big3.jpg" class="image" />
                <input type="radio" id="pic4" name="pic" /><img src="big4.jpg" class="image" />
                <input type="radio" id="pic5" name="pic" /><img src="big5.jpg" class="image" />                
            </div>
        </form>
    </div>
</body>
</html>